import React from 'react'
import ReactDOM from 'react-dom/client'

// 创建函数组件(通过函数返回react元素)
// 1. 函数组件的名字必须是首字母大写
// 2. 将来把函数名当成标签名 使用即可
// 3. 将来如果不需要渲染结构 return null
function Hello() {
  return <div>我是一个函数组件</div>
}

const Demo = () => {
  return <p>箭头函数创建的函数组件</p>
}

const root = ReactDOM.createRoot(document.getElementById('root'))

root.render(
  <>
    <Hello></Hello>
    <Demo></Demo>
  </>
)
